<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		.clearFix::after{
			content: "";
			clear: both;
			display: block;
		}
		.box{
			background-color: white;
		}
		.header{
			width: 100%;
			height: 60px;
			line-height: 60px;
			background-color: #191D3A;
			display: flex;
			justify-content: space-around;
		}
		.header-lift{
			height: 35px;
			margin: 10px 0 0 20px;
			color: #444866;
		}
		.header-middle{
			width: 650px;
			height: 58px;
		}
		.header-middle>a{
			width: 86.33px;
			height: 58px;
			text-decoration: none;
			font-size: 18px;
			color: #818496;
			margin: 5px;
		}
		.header-middle .only{
			display: inline-block;
			width: 99.33px;
			height: 33.33px;
			vertical-align: middle;
			line-height: 33.33px;
			background-color: green;
		}
		.header-right{
			display: flex;
		}
		.header-right p{
			color: #38B774;
			margin: 0 10px 0 0;
		}
		.header-right a{
			text-decoration: none;
			color: #444866;
		}
		.img{
			width: 100%;
			height: 460px;
			margin: 0 auto;
			position: relative;
			background: url("http://so.vqq.com/pic/probanner4.jpg");
		}
		.img-one{
			width: 460px;
			height: 350px;
			position: absolute;
			right: 230px;
			top: 100px;
		}
		.game{
			position: relative;
			width: 1000px;
			height: 240px;
			margin: 0 auto;
			text-align: center;
			border-bottom: 1px solid #444866;
			display: flex;
			justify-content: space-around;
			margin-top: 50px;
		}
		.game-one{
			width: 218px;
			height: 200px;
		}
		.game-one img{
			width: 218px;
			height: 128px;
		}
		.game-one:hover{
			background-color: #38B774;
		}
		.icon{
			width: 1000px;			
			margin: 0 auto;
			display: flex;
			margin-top: 50PX;
		}
		.icon-one{
			width: 500px;
			height: 300px;
			background: url("../tt.jpg");
		}
		.icon-one a{
			display: block;
		}
		.f{
			width: 480px;
			padding-top: 103px;
		}
		.ooo{
			width: 65px;
			height: 27px;
			text-decoration: none;
			color: #38b774;
			background-color: white;
			border: 1px solid #38b774;
			border-radius: 5px;
			text-align: center;
			position: relative;
			left: 225px;
			top: 50px;
		}
		.ooo:hover{
			color: white;
			background-color: #38b774;
		}
		.ojbk{
/*			width: 460px;*/
			height: 30px;
			border-bottom:1px solid #444866;
			padding-left: 20px;

		}
		.ojbk a{
			float: left;
			text-decoration: none;
			color: #444866;
		}
		.ojbk span{
			float: right;
			color: #444866;
		}
		.ojbk a:hover{
			color: #38b774;
		}
		.c{
			padding: 8px 0;
			border-bottom: 1px solid #444866;
		}
		.c a{
			padding-left: 20px;
		}
		.icon-two{
			width: 500px;
			height: 300px;
			background: url("../ttt.jpg");
		}
		.ppp{
			width: 65px;
			height: 27px;
			text-decoration: none;
			color: white;
			background-color: #38b774;
			border: 1px solid white;
			border-radius: 5px;
			text-align: center;
			position: relative;
			left: 225px;
			top: -40px;
		}
		.ppp:hover{
			color: #38b774;
			background-color: white;
		}
		.cmm{
			padding: 35px 216px 0 80px;
		}
		.cmm h1{
			width: 130px;
			height: 34px;
			color: #ffffff;
			padding-bottom: 5px;
		}
		.cmm p{
			width: 130px;
			height: 18px;
			color: #ffffff;
		}
		.icon-three{
			width: 300px;
			height: 20px;
			padding: 10px 175px 0 20px;
			color: #ffffff;
		}
		.icon-three p{
			padding: 4px 0;
			border-bottom: 1px solid white;
		}
		.book{
			width: 100%;
			height: 55px;
			margin-top: 80px;
			padding-top: 30px;
			background-color: #232221;
		}
		.book p{
			width: 1000px;
			height: 20px;
			margin: 0 auto;
			color: #848484;
		}
		.text{
			width: 100%;
			height: 140px;
			background-color: #444866;
		}
		.tittle{
			width: 1000px;
			height: 140px;
			margin: 0 auto;
		}
		.text-one{
			display: flex;
			padding-top: 10px;
		}
		.text-one img{
			width: 36px;
			height: 50px;
		}
		.text p{
			font-size: 12px;
			color: white;
			padding-top: 10px;
		}
		
		.top-two a{
			float: right;
		}
		.top-two p{
			float: right;
		}
		.img-three{
			display: flex;
			position: relative;
			top:30px;
			margin-top: 85px;
		}
		.img-fore{
			width: 20px;
			height: 20px;
			background: url("../123.png");
			margin-top: 10px;
		}
		.img-five{
			width: 364px;
			display: flex;
			position: relative;
			margin-top: 40px;
		}
		.c1{
			position: relative;
			width: 83px;
			height: 106px;
			background-image: url("../pad.png");
			background-position:190px 455px;
			margin-right: 1px;
			background-color: white;
		}
		.c2{
			position: relative;
			width: 83px;
			height: 106px;
			background-image: url("../pad.png");
			background-position:25px 25px;
			background-repeat: no-repeat;
			margin-right: 1px;
			background-color: white;
		}
		.c3{
			position: relative;
			width: 83px;
			height: 106px;
			background-image: url("../pad.png");
			background-position:20px -70px;
			margin-right: 1px;
			background-color: white;
		}
		.c4{
			position: relative;
			width: 80px;
			height: 80px;
			background: url("../ewm.png");
			left: 10px;
			top: 12px;
		}
		.c1 p{
			position:relative;
			left:31px;
			top: 72px;
		}
		.c2 p{
			position:relative;
			left:15px;
			top: 72px;
		}
		.c3 p{
			position:relative;
			left:11px;
			top: 72px;
		}
		.cc1{
			position: relative;
			top: 95px;
			font-size: 12px;
			margin-top: 10px;
		}
		.cc2{
			position: absolute;
			width: 115px;
			height: 37px;
			background-image: url("../图片/sb.png");
			background-repeat: no-repeat;
			left: 245px;
			top: 6px;
		}
		.cc2 a{
			text-decoration: none;
			color: black;
			position: relative;
			left: 10px;
			top: 5px;
		}
		
		.cc3{
			width: 111px;
			height: 106px;
			background-color: white;
			background-repeat: no-repeat;
		}
		.button{
            position: relative;
            left: 1300px;
            top: 80px;
            width: 115px;
            height: 74px
        }

        .button1{
            background-image: url("../图片/sb.png");
            width: 115px;
            height: 37px;
            line-height: 37px;
            background-position: 0 0;
        }

        .b{
            width: 115px;
            height: 37px;
            justify-content: space-around;
            background-color: white;
            border-bottom-left-radius: 20px;
            border-bottom-right-radius: 20px;
            display: none;
        }

        .b1,.b2,.b3{
            width: 25px;
            height: 37px;
            background-image: url("../图片/sb.png");
            background-repeat: no-repeat;
            background-position: 0px -40px;
        }

        .b2{
            background-position: -50px -40px;
        }

        .b3{
            background-position: -100px -40px;
        }

        .button1:hover{
            background-position: -120px 0;
        }

        .button1:hover .b{
            display: flex;
        }
        .dsb{
        	width: 70px;
        	height: 30px;
        	background-image: url("../图片/top.png");
        	background-position: 0 30px;
        	position: fixed;
        	right: 60px;
        	bottom: 50px;
        }
        .dsb:hover{
        	background-image: url("../图片/top.png");
        	background-position: 0 0px;
        }
        .header-middle a:hover{
        	color: white;
        }
         .header-right a:hover{
        	color: #38b774;
        }
        .nmnm{
        	display: flex;
        	width: 75px;
        	height: 11px;
        	background-color: white;
        	position: absolute;
        	justify-content: space-around;
        	bottom: -5px;
        	left: 50%;
        	transform: translateX(-50%);
        }
        .nmnm span:nth-of-type(1){
        	width: 11px;
        	height: 11px;
        	border-radius: 50%;
        	background-color:#444866;
        }
        .nmnm span:nth-of-type(2){
        	width: 11px;
        	height: 11px;
        	border-radius: 50%;
        	background-color: #444866;
        }
        .nmnm span:nth-of-type(3){
        	width: 11px;
        	height: 11px;
        	border-radius: 50%;
        	background-color:#444866;
        }
        
	</style>
</head>
<body>
	<div class="dsb"></div>
<div class="box">

	<div class="header">

		<div class="header-lift">
			<img src="http://so.vqq.com/images/logo.png">
		</div>

		<div class="header-middle">

			<a href="">首页</a>
			<a href="file:///C:/Users/%E6%9D%8E%E6%98%82/Desktop/2507B/css/%E9%9B%85%E5%8D%9A%E6%B8%B8%E6%88%8F.html">博雅游戏</a>
			<a href="">博雅新闻</a>
			<a href="">关于我们</a>
			<a href="">客服中心</a>
			<a href="">投资者关系</a>
			<a class="only" href="">加入我们</a>
		</div>

		<div class="header-right">
			<p>中文</p>
			<a href="">EN</a>
		</div>

	</div>

	<div class="img">

		<div class="button">
            <div class="button1"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在线游戏
                <div class="b">
                    <a href="" class="b1"></a >
                    <a href="" class="b2"></a >
                    <a href="" class="b3"></a >
                </div>
            </div>
        </div>

		<div class="img-one">

			

			<p class="cc1">风靡国内外的斗地主游戏，超低流量，玩法多样，居家旅行必备良品</p>

			<div class="img-two">

				<div class="img-three">
					<div class="img-fore"></div>
					<h2>游戏</h2>
				</div>

				<div class="img-five">
					<div class="c1">
						<p>Ipad</p>
					</div>
					<div class="c2">
						<p>iPhone</p>
					</div>
					<div class="c3">
						<p>Android</p>
					</div>
					<div class="cc3">
						<div class="c4"></div>
					</div>
				</div>
			</div>

		</div>
	</div>

	<div class="game">

		<div class="nmnm">
			<span></span>
			<span></span>
			<span></span>
		</div>

		<div class="game-one">
			<img src="http://so.vqq.com/pic/bygy.jpg">
			<h5>博雅工艺</h5>
			<span>点击播放</span>
		</div>

		<div class="game-one">
			<img src="http://so.vqq.com/pic/bygy.jpg">
			<h5>博雅工艺</h5>
			<span>点击播放</span>
		</div>

		<div class="game-one">
			<img src="http://so.vqq.com/pic/bygy.jpg">
			<h5>博雅工艺</h5>
			<span>点击播放</span>
		</div>

		<div class="game-one">
			<img src="http://so.vqq.com/pic/bygy.jpg">
			<h5>博雅工艺</h5>
			<span>点击播放</span>
		</div>
		
	</div>

	<div class="icon">

		<div class="icon-one">

			<a href="" class="ooo">
				MORE	
				<span>+</span>
			</a>

			<div class="ojbk clearFix f">
				<a href="">博雅互动2024年中期业绩</a>
				<span>8/27</span>
			</div>

			<div class="ojbk clearFix c">
				<a href="">博雅互动2024年中期业绩</a>
				<span>8/27</span>
			</div>

			<div class="ojbk clearFix c">
				<a href="">博雅互动2024年中期业绩</a>
				<span>8/27</span>
			</div>

			<div class="ojbk clearFix c">
				<a href="">博雅互动2024年中期业绩</a>
				<span>8/27</span>
			</div>
			
		</div>

		<div class="icon-two">

			<div class="cmm">
				<h1>社会招聘</h1>
				<p>BOYAA JOBS</p>
			</div>

			<a href="" class="ppp">
				MORE	
				<span>+</span>
			</a>

			<div class="icon-three">
			<h3>社会招聘岗位</h3>
			<p>React前端开发工程师</p>
			<p>社交产品经理</p>
			<p>运营设计师</p>
			<p>海外游戏投放</p>
			</div>

		</div>

	</div>

	<div class="book">
		<p>《健康游戏忠告》： 抵制不良游戏 拒绝盗版游戏 注意自我保护 谨防受骗上当 适度游戏益脑 沉迷游戏伤身 合理安排时间 享受健康生活。</p>	
	</div>

	<div class="text">

			<div class="tittle">

			<p>网站地图  |  免责声明  |  监督举报 | 《博雅游戏接入第三方SDK目录》</p>

			<p>Copyright © 2004 - 2019 博雅互动(Boyaa Interactive)粤ICP备05062536号</p>

			<div class="text-one">
			<p>网络文化经营许可证：粤网文[2018]9499-3381号 | 互联网出版许可证：（署）网出证（粤）字第 030 号 | 增值电信业务经营许可证：粤B2-20110513 </p>
			<img src="https://szcert.ebs.org.cn/Images/govIcon.gif">
			</div>

			</div>

		</div>
	
</div>
</body>
</html>